/*--清除浮动
-------------------------------------------*/
body{overflow-x: hidden;}
.cf:before,.cf:after,.clearfix:before,.clearfix:after {content: "";display: table;}
.cf:after,.clearfix:after {clear: both;}
.cf,.clearfix {clear: both;*zoom: 1;}

/* 补充 */
.wrapper{max-width: 1200px;margin:  0 auto;padding: 0 10px;}
.title{text-align: center;margin-bottom: 40px;}
.title h3{display: inline-block;font-size: 30px;padding: 0 30px;color: #333;}
.adv{position: relative;padding: 40px 0;}
.adv .title h3::after{position: absolute;content: '';width: 50px;height: 1px;background: #ddd;right: 100%;top: 50%;transform: translateY(-50%);}
.adv .title h3::before{position: absolute;content: '';width: 50px;height: 1px;background: #ddd;left: -100%;top: 50%;transform: translateY(-50%);}
.adv .title .tit_des{font-size: 15px;color: #666;}
.adv .title h3 span{color: #1473b7;font-size: 48px;font-style: italic;padding: 0 10px;}
.adv .item{margin-bottom: 30px;}
.adv .item .imgarea,.adv .item .txtarea{position: relative;width: 48%;}
.adv .item .imgarea img{width: 100%;}
.adv .item .imgarea .num{display: inline-block;background: #1473b7;position: absolute;left:30px;top: -30px;color: #fff;width: 85px;height: 110px;text-align: center;font-size: 40px;}
.adv .item .imgarea .num span{display: inline-block;padding-bottom: 10px;border-bottom: 3px solid #fff;font-weight: bold;padding-top: 15px;}
.adv .item .txtarea h4{font-size: 26px;color: #1473b7;margin-bottom: 10px;margin-top: 25px;}
.adv .item .txtarea h5{font-weight: normal;font-size: 15px;font-family: Arial;color: #999;margin-bottom: 20px;}
.adv .item .txtarea p{line-height: 2;color: #555;}


.advert{position: relative;padding: 3% 0;background: url(../images/advert_bg.jpg)no-repeat center;background-size: cover;color: #fff;}
.advert .fl{width: 60%;}
.advert .fr{text-align: center;}
.advert h3{font:600 26px/2 "Microsoft Yahei";margin-bottom: 10px;letter-spacing: 3px;}
.advert p{font-size: 16px;}
.advert .link{display: inline-block;padding:0 30px;line-height: 38px;border-radius: 5px;background: #f7a005;color: #fff;font-size: 16px;font-weight: bold;}
.advert .tel{font-size: 19px;font-weight: bold;margin-top: 20px;background: none;color: #fff;padding: 0;width: auto;}

.advert2{position: relative;padding: 3% 0;background: url(../images/advert_bg2.jpg)no-repeat center;background-size: cover;color: #fff;text-align: center;}
.advert2 h3{color: #1794ee;font:600 30px/2 "Microsoft Yahei";margin-bottom: 10px;}
.advert2 p{font-size: 16px;color: #eee;}

/* application */
.application{padding: 3% 0;}
.application .title h3 span{color: #1473b7;}
.application ul{width: 103%;}
.application li{width: 30.33%;float: left;margin-right: 3%;margin-bottom: 30px;text-align: center;font-size: 15px;}
.application li .imgarea{display: block;width: 100%;height: 255px;overflow: hidden;margin-bottom: 15px;}
.application li p{margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.application ul li img{max-width: 100%;width: 100%;height: 100%;transition: all 0.5s ease}
.application ul li:hover img{transform: scale(1.1);}


/* partner */
.partner{width: 100%;background: #1473b7;overflow: hidden;position: relative;padding: 2% 0}
.partner .title h3,.partner .title .tit_des{color: #fff}
.partner .partner_bd{margin-top: 2%;margin-bottom: 1%}
.partner ul li{width: 25%;text-align: center;float: left;}
.partner ul li img{max-width: 100%;max-height: 110px;width: auto;}
.partner  .swiper-button-next{filter: grayscale(100%);right: 0;background-size: 70%;}
.partner  .swiper-button-prev{filter: grayscale(100%);left: 0;background-size: 70%;}
.partner .swiper-slide{padding: 0;}

/* news */
.news{width: 100%;background: #fff;overflow: hidden;padding: 4% 0;position: relative;}
.news .c_news{width: 62%;padding-right: 8%;}
.news h3{font: 600 18px/30px "Microsoft Yahei";float: left;color: #000;}
.news .tit a{line-height: 30px;float: right;font-size: 14px;color: #666;}
.news .hotnews{margin: 20px 0 12px;}
.news .hotnews .imgarea{width: 35%;display: block;height: 180px;float: left;overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.news .hotnews .imgarea img{width: 100%;height: 100%;transition: all 0.5s ease}
.news .hotnews:hover img{transform: scale(1.1);}
.news .hotnews .txt{float: right;width: 60%;}
.news .txt h4{font: 600 16px "Microsoft Yahei";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;}
.news .hotnews .txt .date{color: #666;margin:10px 0;font-family: "Arial";}
.news .txt .des{color: #666;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.news .txt .link{display: inline-block;padding: 5px 30px;background: #1473b7;color: #fff;margin-top: 20px;float: none;}
.news .c_news li{position: relative;border-bottom: 1px dashed #ddd;overflow: hidden;padding: 15px 0 15px 20px;}
.news .c_news li::before{content: '';position: absolute;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #ddd;left: 0;top: 50%;transform: translateY(-50%);box-sizing: border-box;}
.news .c_news li .txt{float: left;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;}
.news .c_news li span{float: right;color: #999;font-size: 13px;}
.news .c_news li:hover::before{border-color: #1473b7 ;transition: all 0.5s ease}
.news .c_news li:hover .txt{color: #1473b7;padding-left: 5px;transition: all 0.5s ease}
.news .h_news{width: 30%;}
.news .h_news li{border-bottom: 1px dashed #ddd;padding: 15px 0 20px;}
.news .h_news li h5{float: left;width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;font-size: 15px;transition: all 0.5s ease}
.news .h_news li .time{font-size: 13px;float: right;color: #999;}
.news .h_news li .des{margin-top: 10px;color: #666;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.news .h_news li:hover h5{color: #1473b7;padding-left: 10px;}


.frendlink{padding: 50px 0 0;}
.frendlink .tit{padding-bottom: 10px;border-bottom: 1px solid #ddd;color: #333;overflow: hidden;text-align: left;margin-bottom: 10px;}
.frendlink .tit a{float: right;}
.frendlink .cont a{margin-right: 15px;color: #666;display: inline-block;line-height: 2;}

/* .inner_menu{background: #eaebed;} */
.inner_menu .tit{background: #1473b7;color: #fff;font-size: 18px;line-height: 50px;padding: 0 20px;font-weight: bold;width: auto;}
.inner_menu ul{border: 1px solid #eee;border-top: none;}
.inner_menu li .leve1{line-height: 40px;padding:0 30px;position: relative;display: block;transition: all 0.5s;border-bottom: 1px solid #eee;}
.inner_menu li .leve1::after{display: block;width: 5px;height: 5px;content: '';background: #333;transform: rotate(45deg);position: absolute;left: 15px;top: 18px;}
.inner_menu li .leve1:hover,.inner_menu li .leve1.active{background: rgba(255, 255, 255, .3);color: #1473b7;}
.inner_menu li .leve1:hover::after,.inner_menu li .leve1.active::after{background: #1473b7;}
.inner_menu li .leve2{background: #fff;border: none;line-height: 40px;padding: 0 30px;}
.inner_menu li .leve2 a{color: #666;transition: all 0.5s;display: block;}
.left_slide .hotnews .tit,.left_slide .hottag .tit{font-size: 18px;line-height: 46px;padding: 0 15px;color: #333;font-weight: bold;position: relative;margin-top: 20px;width: auto;text-align: left;}
.left_slide .hotnews .tit::after,.left_slide .hottag .tit::after{position: absolute;content: '';width: 3px;height: 16px;left: 0;top: 15px;background: #1473b7;}
.left_slide .hotnews ul{border: 1px solid #ddd;padding: 0 15px;}
.left_slide .hotnews ul li{padding: 15px 5px;border-bottom: 1px solid #ddd;}
.left_slide .hotnews ul li a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.5;}
.left_slide .hotnews ul li span{color: #888;}
.left_slide .hotnews ul li:last-child{border-bottom: none;}
.left_slide .hotnews ul li:hover a{color: #1473b7;}
.left_slide .hottag a{display: inline-block;padding: 2px 10px;background: #eaebed;color: #555;font-size: 13px;margin-bottom: 5px;}
.inner_menu li .leve1:hover{padding:0 30px 0 35px;}
.inner_menu li .leve2 a:hover{padding-left: 5px;color: #1473b7;}
.left_slide .hottag .cont{border: 1px solid #ddd;padding: 10px 15px;color: #555;font-family: Arial, "Microsoft yahei";line-height: 2;}

.about3{background: #f5f5f5;padding: 3% 0}
.about3 .txtarea{width: 55%;float: left;}
.about3 .txtarea h4{font-size: 30px;position: relative;line-height: 1.5;color: #333;}
.about3 .txtarea h5{font-size: 18px;color: #1473b7;padding-bottom: 30px;}
.about3 .txtarea .des{color: #666;line-height: 2;margin-bottom: 50px;}
.about3 .txtarea .more{display: inline-block;padding: 6px 20px;background: #f7a005;color: #fff;}
.about3 .iconlist{display: flex;margin-top: 50px;}
.about3 .iconlist li{flex: 1;text-align: center;}
.about3 .iconlist li .wrap{display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 10px;text-align: center;}
.about3 .iconlist li i{font-size: 36px;margin-bottom: 20px;color: #fff;display: inline-block;width: 90px;height: 90px;text-align: center;line-height: 90px;border-radius: 50%;background: rgb(239, 65, 54);padding: 0;}
.about3 .iconlist li h5{font-weight: normal;margin-bottom: 10px;font-size: 16px;}
.about3 .iconlist li p{color: #555;}
.about3 .iconlist li:hover i{color: #fff;}
.about3 .imglist{width: 40%;float: right;border-radius: 10px;overflow: hidden;}
.about3 .imglist .swiper-slide{padding: 0;}
.about3 .imglist li{height: 320px;overflow: hidden;}
.about3 .imglist img{width: 100%;}

.bannerbox{margin-bottom: 20px;}
.pro_show_fr{width: 450px;}
.proo_fr{width: 900px;}
.prolb,.about_fr_list{width: 100%;}
.prolb ul li{width: 280px;}
.mbx_list h1{color: #333;}
.mbx{padding: 0 0 20px 0;width: 100%;}
.information-box{width: 100%;}